<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" th:href="@{/static/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/static/css/mycss.css}">
    <script th:src="@{/static/js/jquery.min.js}"></script>
    <script th:src="@{/static/js/bootstrap.min.js}"></script>
    <script th:src="@{/static/js/myjs.js}"></script>
    <title>柠七的计算机资源监控网登陆</title>
</head>
<body>
<div class="container">
    <div class="row clearfix col-center-block">
        <div class="col-md-6 column">
            <dl class="font-size">
                <dt>
                    计算机资源监控
                </dt>
                <dt>
                    账号:abc 密码:abc 为演示账号
                </dt>
                <dd>
                    一个提供了简单的计算机资源监控的网站
                </dd>
                <dt>
                    功能
                </dt>
                <dd>
                    可以监控计算机基础资源的使用情况，目前仅支持监控磁盘，cpu，内存3个指标
                </dd>
                <dt>
                    开源项目 码云地址戳下面
                </dt>
                <dt>
                    <a href="https://gitee.com/lemonSeven/apm">https://gitee.com/lemonSeven/apm</a>
                </dt>
                <dd>
                    有想了解的伙伴可以码云私信我
                </dd>
            </dl>
        </div>
        <div id="login" class="col-md-4 column">
            <form class="form-horizontal" role="form">
                <div class="form-group">
                    <label for="inputAccount" class="col-sm-2 control-label">账号</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="inputAccount" onKeyUp="value=value.replace(/[^\w\.\/]/ig,'')" />
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputPassword" class="col-sm-2 control-label">密码</label>
                    <div class="col-sm-10">
                        <input type="password" class="form-control" id="inputPassword" onKeyUp="value=value.replace(/[^\w\.\/]/ig,'')" />
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="button" class="btn btn-default" onclick="login()">登录</button>
                        <a href="#" onclick="loginToRegister()">没有账号去注册</a>
                    </div>
                </div>
            </form>
        </div>
        <div id="register" class="col-md-4 column hide">
            <form class="form-horizontal" role="form">
                <div class="form-group">
                    <label for="registerInputAccount" class="col-sm-2 control-label">账号</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="registerInputAccount" onKeyUp="value=value.replace(/[^\w\.\/]/ig,'')" />
                    </div>
                </div>
                <div class="form-group">
                    <label for="registerInputPassword" class="col-sm-2 control-label">密码</label>
                    <div class="col-sm-10">
                        <input type="password" class="form-control" id="registerInputPassword" onKeyUp="value=value.replace(/[^\w\.\/]/ig,'')" />
                    </div>
                </div>
                <div class="form-group">
                    <label for="registerInputPassword1" class="col-sm-2 control-label">确认密码</label>
                    <div class="col-sm-10">
                        <input type="password" class="form-control" id="registerInputPassword1" onKeyUp="value=value.replace(/[^\w\.\/]/ig,'')" />
                    </div>
                </div>
                <div class="form-group">
                    <label for="email" class="col-sm-2 control-label">邮箱(选填)</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="email" onKeyUp="value=value.replace(/[^\w\.\/]/ig,'')" />
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="button" class="btn btn-default" onclick="regist()">注册</button>
                        <a href="" onclick="registerToLogin()">返回登录</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
</html>